<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */

/* スライダー画面を全体的に広げる */

.elementor-element-383af25{
	    margin: 0 calc(50% - 50vw);
    width: 100vw!important;
}
.page-id-4503 .slick-slide {
    width: 93vw!important;
}

/* .page-id-4503 .slider {

    width: 93%!important;
    padding: 0px!important;
    margin: 0 auto;
} */


/* スライダーの上の線を消す */

.elementor-2595 .elementor-element.elementor-element-edfc446{
	padding:0;
}

.elementor-element-c3f1b21 .elementor-shortcode{
	    border: 1px solid #009AFD;
	margin-top: -6rem;
	    padding-bottom: 4rem;
}
.slider{
	border:0!important;
	width:94%!important;
	max-width:1920px!important;
	padding:0px!important;
	margin: 0 auto;
}

.slider_item_inner{
	border: 1px solid #009AFD;
	    padding-top: 1.5rem!important;
}
/*
スライドの中身 */

.example-left2{
	width:58%;
}
.slider_item_inner{
	padding: 1rem;
        background-color: var(--e-global-color-13abb57 );
}

.slider_item_cont{
	background:#fff;
	display:flex;
}

.slider_item_cont_left_flex{
	display:flex;
	border-bottom: 7px solid #009AFD;
}

h3.slider_item_ttl{
	color:#009AFD;
	    padding-top: 3rem;
    font-weight: 600;
    font-size: 2.75rem;
    padding-left: 1rem;
    white-space: nowrap;
	margin-bottom: 0;
	    padding-bottom: 0.9rem;
}

.slider1_item_cont_right_img1_new{
	transform:none;
	zoom:1;
}
/* 事例2の解決 */
.solve_cont_jirei2{
	padding-bottom: 4.5rem!important;
}

/* 事例３のタイトル */
h3.slider_item_ttl_jirei3{
	text-align:right;
	    padding-left: 0;
}

/* 事例３のタイトルの余白 */

.slider_item_cont_left_flex_jirei3{
	height: 24%;
}

.slider_item_cont_left_1{
	padding-right:1rem;
/* 	border-bottom:5px solid #009AFD; */
}

.slider_item_cont_left_1_box{
	display:flex;
	padding-left:1.5rem;
}

.slider_item_cont_left_2{
	padding-left:2rem;
	padding-top: 1rem;
	    padding-bottom: 3rem;
	padding-right: 1rem;
}


.example-icon {

    zoom: 1.2;
}
/* 要望のcss */
.request_cont{
	display:flex;
	background: #FCE0BB;
	padding: 1rem;
	padding-left: 2rem;
	    gap: 2rem;
}


/* 解決のcss */
.solve_cont{
	display:flex;
	padding: 1rem;
	padding-left:0.5rem;
	    background: #E0F3FF;
	margin-top: 1rem;
	gap:2rem;
}

.solve-icon {
    line-height: 70px;
    text-align: center;
    color: white;
    background-color: #009AFD;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    margin-left: -1rem;
}

.request_cont_text{
	width:63%;
}


/* スライダーの右側の画像 */

.slider_item_cont_right {
	width:52%;
	padding-left: 2rem;
	overflow:hidden;
	    height: 37rem;

}
.slider_item_cont_right_img img{
	margin-top:0;
}
/* 事例1 */
.request_cont_jiri1{
	padding-bottom:2rem;
}

.slider_item_cont_jirei1 .solve_cont{
	padding-bottom:2rem;
}
/* 事例１の画像 */
.slider_item_cont_right_img1 img{
	zoom: 0.9;
    transform: translate(1rem, -3rem);
}


.slider_item_cont_right_img2 img{
	zoom: 0.6;
    transform: translate(12rem, -12rem);
}

.slider_item_cont_right_img3{
	transform: translate(-5rem, -44rem);
    zoom: 0.4;

}

/* 事例２ */


.slider_item_cont_jirei2 img{
	display: block;
       width: 100%;
}


/* 事例4 */
.slider_item_ttl_jirei4{
	text-align:right;
}


.slider_item_cont_left_flex_jirei4{
	    height: 25%;
}
/* .slider_item_cont_right_img1{
	position: absolute;
    top: 0%;
} */
/* .example-title div:before{
	  content: "";
     display: block;
     width: 8rem;
     height: 2rem;
     background: url(/wp/wp-content/uploads/2023/08/arrow_left.png) no-repeat;
     background-size: contain;
     margin-right: 8px;
     position: absolute;
     top: -8%;
     left: 18%;
     z-index: 10;
} */
/*==================================================
スライダーのためのcss
===================================*/
.slider2 {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
     margin:0 auto;
   border-radius:0;
 }
 .page-id-2595 .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/

   border-radius:0;
 }
 .slider2 img {
     width:100%;/*スライダー内の画像を横幅100%に*/
     height:auto;
 }

 /*slickのJSで書かれるタグ内、スライド左右の余白調整*/

 .slider2 .slick-slide {
     margin:0 10px;
 }

 /*矢印の設定*/

 /* 矢印を透明にして見えなくする */
.page-id-2595 .slick-arrow{
   opacity:1;
 }
.prev-arrow3{
	cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0%;
	z-index:2;
	zoom:0.8;
}

.next-arrow3{
	cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0%;
	zoom:0.8;
}
/* .slick-arrow{
   opacity:0;
 } */

.page-id-2595 .slick-dots li button{
     font-size:initial;
     color:initial;
     background:initial;
   color: #fff;
 }

 .slick-dots li button{
     font-size:initial;
     color:initial;
     background:initial;
   color: #fff;
 }
 .slick-dots li button:before{
     content:none;
 }

.slick-dots li button:before{
     content:none;
 }

 /*戻る、次へ矢印の位置*/
 .slick-prev,
 .slick-next {
     position: absolute;/*絶対配置にする*/
     top: 42%;
     cursor: pointer;/*マウスカーソルを指マークに*/
     outline: none;/*クリックをしたら出てくる枠線を消す*/
     border-top: 2px solid #666;/*矢印の色*/
     border-right: 2px solid #666;/*矢印の色*/
     height: 15px;
     width: 15px;
 }

 .slick-prev {/*戻る矢印の位置と形状*/
     left: -1.5%;
     transform: rotate(-135deg);
 }

 .slick-next {/*次へ矢印の位置と形状*/
     right: -1.5%;
     transform: rotate(45deg);
 }

 /*ドットナビゲーションの設定*/
 /*
 ドットの下に余白開ける */
 .elementor-element-3fdb431{
   padding-bottom:6rem!important;
 }


 /* .slick-dots2{
   transform: translate(-7%, 2rem)!important;
 } */
 .slider2 button[type="button"]{
   border:0;
 }

 .slider2 ul li button{
   border: 0;
     background: transparent;
   color:#fff;
 }

 .slider2 ul li button:hover{
   color:blue;
   background: #fff;
 }

 .slider2 ul li button:focus{
   color:blue;
   background: #fff;
   border:0;
       outline: 0;
 }


 .slick-dots {
     text-align:center;
   margin:20px 0 0 0;
   transform: translateY(1.5rem);
       padding-left: 0;

 }

 .slick-dots li {
     display:inline-block;
   margin:0 5px;
 }

 .slick-dots butttran{
     color:transparent;
     outline: none;
     width:8px;/*ドットボタンのサイズ*/
     height:8px;/*ドットボタンのサイズ*/
     display:block;
     border-radius:50%;
     background:#ccc;/*ドットボタンの色*/
     display:block;/*ドット出す*/
      
 }

 /* .slick-dots .slick-active button{
     background:red;/*ドットボタンの現在地表示の色*/
 /* }  */

 /*
 ドットの横の矢印 */

 /*
 .page-id-2595 .slick-dots li:nth-child(1) button:before {
   content: "";
     display: block;
     width: 8rem;
     height: 2rem;
     background: url(/wp/wp-content/uploads/2023/08/arrow_left.png) no-repeat;
     background-size: contain;
     margin-right: 8px;
     position: absolute;
     top: -8%;
     left: 5%;
     z-index: 10;
 } */


 .slick-dots:before {
   content: "";
     display: block;
     width: 8rem;
     height: 2rem;
     background: url(/wp/wp-content/uploads/2023/08/arrow_left.png) no-repeat;
     background-size: contain;
     margin-right: 8px;
     position: absolute;
    top: -64%;
    left: 37.5%;
     z-index: 10;
 }

 .slick-dots:after {
   content: "";
     display: block;
     width: 8rem;
     height: 2rem;
     background: url(/wp/wp-content/uploads/2023/08/arrow_right.png) no-repeat;
     background-size: contain;
     margin-right: 8px;
     position: absolute;
         top: -62%;
    right: 36.5%;
     z-index: 10;
 }

/*  レスポンシブ */



@media(max-width:2560px){
	.slider_item_cont_jirei2 img {

    width: 85%;
    margin-left: 2rem;
}
	.slick-dots:before{
		left: 34.5%;
	}

	.slick-dots:after {
    right: 33.5%;
    }
	.slider1_item_cont_right_img1_new img{
		transform: none;
    zoom: 1;
	}
h3.slider_item_ttl_jirei3 {

    transform: translate(4rem, -2rem);
}
	.slider3_item_cont_right_img1 img{
		width: 69%!important;
    margin-top: -4rem;
    margin-left: 5rem!important;
	}

	.slider_item_ttl_jirei4{
		transform: translate(3rem, -2rem);
	}

	.slider4_item_cont_right_img1 img{
		width: 34%;
    margin: 0 auto;
    margin-top: -1rem;
	}
}
@media(min-width:1919px){
	.slider_item_cont_jirei2 img {

    width: 85%;
    margin-left: 2rem;
}


}
@media(max-width:1920px){

	.slick-dots:before {
    left: 37.5%;
}
	.slick-dots:after {
    right: 36.5%;
}
	.slider1_item_cont_right_img1_new {

    margin-top: 3rem;
}
	h3.slider_item_ttl_jirei3{
	 transform: translate(4rem, -2.5rem);
}
	.request-icon {

    zoom: 1.1;
}

	.solve-icon {
   zoom: 1.1;
		    margin-left: -0.5rem;
}
	.slider_item_cont_right_img2 img {
    zoom: 0.8;
    transform: translate(17rem, -15rem);
}

	.slider_item_cont_right_img3 {
    transform: translate(-6rem, -70rem);
    zoom: 0.4;
}
	.slider_item_cont_right {

    height: 36rem;
}

	.slider_item2_cont_right_img1{
		    margin-top: -1rem;
	}

	.slider3_item_cont_right_img1 img{
		margin-top: -4rem;

    width: 72%;
    margin-left: 4rem;
	}

	.slider_item_ttl_jirei4{
		transform: translate(10rem, -2rem);
	}
	.slider4_item_cont_right_img1 img{
		margin: 0 auto;
    width: 37%;
   margin-top: -2rem;
	}
}

@media(min-width:1666px){
	.slick-dots:before {
    left: 35.5%;
}
	.slick-dots:after {
    right: 34.5%;
}

}
@media(max-width:1536px){
	.slick-dots:before{
		left: 34.5%;
	}

	.slick-dots:after {
    right: 33.5%;
    }
	h3.slider_item_ttl_jirei3 {
    transform: translate(0rem, -2.5rem);
}
	.slider3_item_cont_right_img1 img {
    margin-top: -2rem;
    width: 72%;
    margin-left: 3rem!important;
    width: 80%!important;
}

	.slider_item_ttl_jirei4 {
    transform: translate(4rem, -2rem);
}

	.slider4_item_cont_right_img1 img {
    margin: 0 auto;
    width: 47%;
    margin-top: -2rem;
}

	.slider6_item_cont_right_img1 img{
		margin-top: 5rem!important;
	}
}
@media(max-width:1440px){
	.solve_cont_jirei2{
	padding-bottom: 4.5rem!important;
}
	.request_cont_text {
    width: 65%;
}
	.slider_item2_cont_right_img1 img{
		width: 93%;
    margin-left: 2rem;
    margin-top: 4rem;
	}
	.slider5_item_cont_right_img1 img{
		    margin-top: 4rem;
	}
}





@media(max-width:1366px){
	.slick-dots:before{
		left: 32.5%;
	}

	.slick-dots:after {

    right:31.5%;

}

	.slider_item_cont_jirei2 img {
 width: 100%;
    margin-left: 0rem;
		margin-top: 3rem;
}

	.slider_item_ttl_jirei4 {
    transform: translate(0rem, -2rem);
}

	.request_cont_text_jirei1{
		width: 66%;
	}

	.request_cont_text_jirei2{
		width: 67%;
	}

.slider4_item_cont_right_img1 img {

    width: 52%;
    margin-top: -1rem;
}

	.slider_item_ttl_jirei5{
		font-size: 2.5rem!important;
	}

	.slider5_item_cont_right_img1 img{
		    margin-top: 3rem;
	}

	.request_cont_text_jirei5{
		    width: 68%;
	}

	.solve_cont_jirei5{
		padding-bottom:1.5rem;
	}
}
@media(max-width:1280px){
	.slick-dots:before{
		left: 31.5%;
	}

	.slick-dots:after {

    right:30.5%;

}

	.request_cont_text {
    width: 72%;
}

	.example-left2 {
    width: 55%;
}

	h3.slider_item_ttl {

    font-size: 2.5rem;

}
	.slider_item_cont_right {
    height: 32rem;
}

	.slider3_item_cont_right_img1 img{
		    margin-top: 0rem;
	}

	h3.slider_item_ttl_jirei3 {

    font-size: 2.3rem!important;
}

	.slider_item_ttl_jirei2{
		font-size: 2.3rem!important;
	}

	.slider_item_ttl_jirei5 {
    font-size: 2.2rem!important;
}

}
@media(max-width:1116px){
 .example-icon {
   zoom: 1;
	}

	h3.slider_item_ttl {
    	padding-left: 0rem;
		font-size:2.5rem;
	}

	.slider_item_cont_left_1_box {

    padding-left: 1rem;
}

	.slider_item_cont_left_2 {
    padding-left: 1rem;

}
	h3.slider_item_ttl_jirei3 {
    transform: translateX(-4rem);
}
}


@media(max-width:1025px){

	.slider_item_ttl_jirei2 {

    transform: translate(-3rem, 0.5rem);
}

	h3.slider_item_ttl_jirei3 {

    transform: translate(-5rem, -2rem);
}
	.slider_item_cont_right {
    height: 31rem;
}
 .example-icon {
   zoom: 0.9;
	}
	.slider_item_cont_jirei2 img {
    width: 100%;
    margin-left: 0rem;
    margin-top: 5rem;
}

	.slider1_item_cont_right_img1_new {
    margin-top: 7rem;
}
	.request-icon {

    zoom: 0.9;
}

	.solve-icon {
    	zoom: 0.9;
		margin-left: -1rem;
}

	.request_cont {

    padding-left: 1.5rem;

}
	.slider_item_cont_jirei1 .solve_cont {
    padding-bottom: 1rem;
		padding-top: 0;
}
	.request_cont {
    padding-left: 1.3rem;
}
	.request_cont_text {
    width: 81%;
	font-size: 0.9rem;
}
	.solve_cont {

    padding-left: 0.5rem;

    gap: 1.5rem;
}
	.slider_item_ttl_jirei3 {
    	font-size: 2.1rem;
    transform: translate(-4rem, -2rem);
	}
	h3.slider_item_ttl {
    font-size: 2.2rem;
}

	.slick-dots:before {
    left: 26.5%;
}

	.slick-dots:after {
    right: 25.5%;
}

	.slider3_item_cont_right_img1 img{
		margin-top: -1rem;
    width: 93%!important;
		margin-left: 1rem!important;
	}

	.slider_item_ttl_jirei5 {
    font-size: 2rem!important;
    transform: translate(-3rem, 0.3rem);
}

	.slider5_item_cont_right_img1 img {
    margin-top: 5rem;
}
}

@media(max-width:1024px){
 .example-left2 {
   zoom: 0.9;
	}

	.h3.slider_item_ttl {
        transform: translateX(-1rem);
}

	.slider3_item_cont_right_img1 img {

    margin-left: 1rem!important;

}
}


@media(max-width:820px){
	.solve_cont{
		padding-top:1rem!important;
	}
	.slick-dots:before {
    left: 20.5%;
}

	.slick-dots:after {
    right: 18%;
}
 .slider_item_cont {

    display: block;
	}
	.example-left2 {
    zoom: 1;
	width: 100%;
}

	.slider_item_cont_right {
     width: 100%;
	}

	.slider1_item_cont_right_img1_new {
    margin-top: 0rem;
}

	.slider5_item_cont_right_img1 img{
		margin-top: -3rem;
	}

	.slider_item2_cont_right_img1 {
    margin: 0 auto;
    margin-top: -6rem;
    width: 81%;
}

	.slider3_item_cont_right_img1 img{
		margin-top: -4rem;
    width: 65%!important;
		margin-left: 7rem!important;
	}
	.slider_item_ttl_jirei2 {
    transform: translate(1rem, 0rem);
}

	h3.slider_item_ttl_jirei3 {
    transform: translate(0rem, -1rem);
}

	.slider_item_ttl_jirei4 {
    transform: translate(4rem, -1rem);
		    font-size: 2.5rem!important;
}

	.slider_item_ttl_jirei5 {
    font-size: 2.2rem!important;
    transform: translate(1rem, 0.3rem);
}

	.slider4_item_cont_right_img1 img {
    width: 34%;
    margin-top: -2rem;
}
}


@media(max-width:800px){
 .slick-dots:before {
    left: 19.5%;
}
	.slick-dots:after {
    right: 18.5%;
}

	.slider4_item_cont_right_img1 img {
    width: 37%;
    margin-top: -2rem;
}

	.slider_item_cont_left_2 {

    padding-bottom: 1rem;

}
	.slider1_item_cont_right_img1_new {
    margin-top: 0rem;
}

	.slider_item_cont_jirei2 img {
    width: 83%;
    margin-left: 4rem;
    margin-top: 8rem;
}

	.solve_cont_jirei2 {

    padding-bottom: 2rem!important;
}

	.slider3_item_cont_right_img1 img{
		margin-top: -4rem;
		width: 70%!important;
	}

/* 	.slider_item_cont_jirei1 .solve_cont {

    padding-top: 1rem;
} */

	.slider1_item_cont_right_img1_new {
    margin-top: 0rem;
}
	h3.slider_item_ttl_jirei3 {
    transform: translate(-1rem, -1rem);
}

	.slider_item_ttl_jirei4 {
    transform: translate(4rem, -1rem);
}

	.slider_item_ttl_jirei5 {
    font-size: 2.5rem;
    transform: translate(2rem, 0.3rem);
}
}


@media(max-width:768px){

	h3.slider_item_ttl_jirei3 {
    transform: translate(-1rem, -1rem);
}
.slider_item_ttl_jirei4 {
    transform: translate(4rem, -1rem);
}

}
@media(max-width:688px){
 .slick-dots:before {
    left: 14.5%;
}
	.slick-dots:after {
    right: 12.5%;
}

	.slider_item_cont_left_2{
		padding-bottom: 1rem;
	}

	.slider1_item_cont_right_img1_new {
    margin-top: 0rem;
}
	h3.slider_item_ttl_jirei3 {
    transform: translate(-2rem, -1rem);
}

	.slider3_item_cont_right_img1 img{
		margin-top: -2rem!important;
		width: 74%!important;
	}

	.slider4_item_cont_right_img1 img {
    width: 44%;
    margin-top: -2rem;
}
	.slider_item_ttl_jirei4 {
    transform: translate(2rem, -1rem);
}

	.slider5_item_cont_right_img1 img {
    margin-top: 0rem;
}

	.slider_item_ttl_jirei5{
		font-size: 2.2rem!important;
	}
	.slider_item_ttl_jirei3{
		font-size: 1.4rem!important;
	}

	.slider_item_cont_jirei2 img {
    width: 95%;
    margin-left: 0rem;
    margin-top: 8rem;
}

	.slider6_item_cont_right_img1 img{
		margin-top:3rem;
	}

	.slider_item_ttl_jirei5 {

    transform: translate(0rem, 0.3rem);
}
}


@media(min-width:415px){
 .slider1_item_cont_right_img1_new_onoff{
		display:none;
	}




}

@media(max-width:414px){
	.slider_item_ttl_jirei3{
		font-size: 1.4rem!important;
	}

	.slider_item_ttl_jirei3_new{
		font-size: 1.4rem!important;
	}
 .slick-dots:before {
    left: 10.5%;
    zoom: 0.5;
    top: 2%;
}
	.slick-dots:after {
    right: 8.5%;
    zoom: 0.5;
    top: 2%;
}

	.request_cont{
		display:block;
		padding-left:1rem;
	}

	.solve_cont{
		display:block;
	}
	.request-icon {

    margin: 0 auto;
}

	.request_cont_text {
       width: 95%;
		padding-top: 1rem;

    margin: 0 auto;
}

	.solve-icon {
    margin: 0 auto;
}

	.solve_cont_text{
		width:89%;
	}

	h3.slider_item_ttl{
	    font-size: 1.4rem!important;

    transform: translate(-3rem, 0.5rem);
}

	.slider_item_cont_right {
    height: 16rem;
}
	.slider_item_cont_right_img1{
		display:none;
	}

	.slider_item_cont_right_img2 img {
    transform: translate(-2rem, -4rem);
}

	.slider_item_cont_right {

    padding-left: 0rem;

}
	.slider_item_cont_right_img3{
		display:none;
	}

	.slider1_item_cont_right_img1_new_onoff{
		display:block;
	}

	.slider1_item_cont_right_img1_new{
		display:none;
	}

	.slider_item_cont_jirei2 img {
    width: 83%;
    margin-left: 2rem;
    margin-top: 5rem;
}
	.slider_item_ttl_jirei2{
		transform: translate(-4rem, 0.5rem)!important;
		font-size: 1.4rem!important;
	}
	.slider3_item_cont_right_img1 img{
		margin-top: -4rem;
	}

	.slider_item_ttl_jirei3{
		    transform: translate(-5rem, 0.5rem)!important;
	}

	.slider4_item_cont_right_img1 img {
    width: 36%;

}

	.slider5_item_cont_right_img1 img {
    margin: 0 auto;
    margin-top: -1rem;
    width: 90%;

}

	.slider_item_ttl_jirei5{
		font-size: 1.5rem!important;
		transform: translate(-5rem, 0.5rem)!important;
	}

	.slider6_item_cont_right_img1 img{
		margin-top: 0rem!important;
	}

	.slider3_item_cont_right_img1 img {
    margin-top: -3rem!important;
    width: 64%!important;
		margin-left: 3rem!important;
}
}


@media(max-width:393px){

	.slider_item_ttl_jirei2{
		font-size: 1.3rem!important;
	}
	.slider_item_ttl_jirei3{
		font-size: 1.3rem!important;
	}

	.slider_item_ttl_jirei5{

		    font-size: 1.4rem!important;
	}
	.slick-dots:before {
    left: 8.5%;

}

	.slick-dots:after {
    right: 6.5%;

}


}
@media(max-width:380px){
 .slick-dots:before {
        zoom: 0.4;
}
	.slick-dots:after {
        zoom: 0.4;
}

}





@media(max-width:375px){
 h3.slider_item_ttl{
	 transform: translate(-5rem, 0.5rem);
}

	.slider_item_ttl_jirei5{
		font-size: 1.3rem!important;
	}

	h3.slider_item_ttl {
    font-size: 1.3rem!important;

}
	.slider_item_ttl_jirei1{
		    transform: translate(-3rem, 0.5rem)!important;
	}

	.slider_item_ttl_jirei4{
		transform: translate(-2rem, 0.5rem)!important;
	}

	.slider_item_ttl_jiri6{
		transform: translate(-3rem, 0.5rem)!important;
	}
}

</style>
<!-- end Simple Custom CSS and JS -->
